<html class="index">
    <head>
    	<meta charset="UTF-8"></meta>
    	<meta name="viewport" content="initial-scale=1.0"></meta>
        <link href='http://fonts.googleapis.com/css?family=Nunito:400' rel='stylesheet' type='text/css'></link>
        <link rel='shortcut icon' type='image/x-icon' href='img/favicon.ico'></link>
        <title>Inmigrante Digital</title>
        <link rel="stylesheet" type="text/css" href="css/styles.css"></link>
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"></link>
        <link rel="stylesheet" type="text/css" href="css/wordpad.css"></link>
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/jquery-ui.min.js"></script>
        <script src="js/javascript.js"></script>
    </head>

    <body onLoad="mostrarEntorno(obtenerDispositivo(), obtenerSO(), obtenerNavegador())" onkeydown="tecla(event)" onkeypress="tecla(event)" onkeyup="tecla(event)">
       <div class="banner">
            <div class="left header" onclick="location.reload(false)">
                <img id="logo" src="img/logo.png"></img>
                <b class="bannerText">Inmigrante Digital</b>
            </div>
            <div class="menu">
                <div id="usuario" class="left">
                    <div class="user">Usuario: <b><?php 
                                    session_start(); 
                                    if (isset($_SESSION["nombre_usuario"])) {
                                        echo $_SESSION["nombre_usuario"];
									?></b>
					</div>
					<div class="user">Nivel: <b><?php echo $_SESSION["nivel_usuario"];
									} else {
                                        echo "Anónimo";
                                    }
								?></b>
					</div>
				    <div class="user"><?php
                            if (isset($_SESSION["nombre_usuario"])) {
                                echo"<a href=\"#\" onclick=\"load('php/logout.php')\">Cerrar Sesion</a>";
                            } else {
                                echo"<a href=\"#\" onclick=\"load('pages/login.htm')\">Ingresar</a>";
                                echo" <a href=\"#\" onclick=\"load('pages/registrar.htm')\">Registrarse</a>";
                            }
                        ?>
				    </div>
				</div>
				<div class="right">
					<a href="#" onclick="load('pages/contacto.htm')">Contacto</a>
                </div>				
            </div>
        </div>
        
        <div id="main" class="left" onLoad="loadMain()"><?php include("pages/perifericos.php");?></div>
                
        <div id="barra" class="menu">
            <ul class="noBullets">
                <li>Dispositivo: <b id="disp"></b></li>
                <li>Sistema Operativo: <b id="so"></b></li>
                <li>Navegador: <b id="nav"></b></li>
                <li><a href="#" onclick="load('pages/cambiarEntorno.php')" title="Configurar entorno">Cambiar</a></li>
            </ul>

            <div class="separado">
                <input type="button" onclick="window.print()" value="Imprimir" title="Enviar la página actual a la impresora" class="margen"></input>
                <input type="button" onclick="toggleFullScreen()" value="Pantalla completa" title="Hacer que el sitio ocupe toda la pantalla"></input>
                <p>Tamaño del texto: <span id="size">100</span>%</p>
                <input type="button" id="agrandar" onclick="agrandar()" value="Agrandar" title="Aumentar el tamaño del texto un 10%" class="margen"></input>
                <input type="button" id="restaurar" onclick="restaurar()" value="Restaurar" title="Restablecer el tamaño del texto a 100%" class="disabled"></input>
                <input type="button" id="achicar" onclick="achicar()" value="Achicar" title="Disminuir el tamaño del texto un 10%"></input>
            </div>

            <div class="separado listTitle">Contenidos</div>
            <ol class="contenidos">
                <li><a href="#" onclick="load('pages/perifericos.php')">Periféricos</a></li>
                <li><a href="#" onclick="load('pages/elementospaginaweb.php')">Elementos de página web</a></li>
                <li><a href="#" onclick="load('pages/cuentausuario.php')">Cuenta de usuario</a></li>
                <li><a href="#" onclick="load('pages/interaccionaplicaciones.php')">Interacción entre aplicaciones</a></li>
                <li><a href="#" onclick="load('pages/reproduccionvideos.php')">Reproducción de videos</a></li>
                <li><a href="#" onclick="load('pages/navegadorweb.php')">Navegador web</a></li>
                <li><a href="#" onclick="load('pages/buscadorweb.php')">Buscador web</a></li>
                <li><a href="#" onclick="load('pages/correoelectronico.php')">Correo electrónico</a></li>
                <li><a href="#" onclick="load('pages/interfazgrafica.php')">Interfaz gráfica de usuario</a></li>
                <li><a href="#" onclick="load('pages/exploradorarchivos.php')">Explorador de archivos</a></li>
                <li><a href="#" onclick="load('pages/editortexto.php')">Editor de texto enriquecido</a></li>
                <li><a href="#" onclick="load('pages/wikipedia.php')">Wikipedia</a></li>
                <li><a href="#" onclick="load('pages/conexionInternet.php')">Conexión a Internet</a></li>
            </ol>
        </div>
    </body>
</html>
